<?php
  //Tempalting stuff
  require_once $_SERVER['DOCUMENT_ROOT'].'@@relative-path-on-disk-from-document-root@@/php/ti.php';
  include_once $_SERVER['DOCUMENT_ROOT'].'@@relative-path-on-disk-from-document-root@@/php/messages/Messages.php';

  //Localization stuff
  $DEFAULT_LOCALE = 'sk';
  $SUPPORTED_LOCALE = array('en', 'sk');
  $locale = isset($_GET['locale']) ? $_GET['locale'] : $DEFAULT_LOCALE;
  if (!in_array($locale, $SUPPORTED_LOCALE)) {
    $locale = $DEFAULT_LOCALE;
  }
  $msg = new Messages($locale);
?>

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <link rel="stylesheet" href="@@content-root@@/styles/clean.css?@@build-timestamp@@"/>
    <link rel="stylesheet" href="@@content-root@@/styles/style.css?@@build-timestamp@@"/>
    <link rel="stylesheet" href="@@content-root@@/styles/prettyPhoto.css?@@build-timestamp@@">
    <script type="text/javascript">
      var pathToMessagesParentDir = "@@content-root@@/scripts/messages";

      //var translations = {
      //  'prettyPhoto_close' : '<?php print $msg->get('prettyPhoto_close'); ?>',
      //  'prettyPhoto_next' : '<?php print $msg->get('prettyPhoto_next'); ?>',
      //  'prettyPhoto_prev' : '<?php print $msg->get('prettyPhoto_prev'); ?>',
      //}
    </script>

    <script type="text/javascript" src="@@content-root@@/scripts/jquery-1.8.1.min.js?@@build-timestamp@@"></script>
    <script type="text/javascript" src="@@content-root@@/scripts/jquery.query.js?@@build-timestamp@@"></script>
    <script type="text/javascript" src="@@content-root@@/scripts/handlebars-1.0.rc.1.js?@@build-timestamp@@"></script>
    <script type="text/javascript" src="@@content-root@@/scripts/app.js?@@build-timestamp@@"></script>
    <script type="text/javascript" src="@@content-root@@/scripts/utils.js?@@build-timestamp@@"></script>
    <script type="text/javascript" src="@@content-root@@/scripts/jquery.prettyPhoto.js?@@build-timestamp@@"></script>
    <script type="text/javascript" src="@@content-root@@/scripts/jquery.columnizer.js?@@build-timestamp@@"  charset="utf-8"></script>

    <script id="gallery-template" type="text/x-handlebars-template">
      <ul class="gallery" >
        <li class="gallery-img-group">
          <a href="{{gallTemplateData.firstImg}}">
            <div class="gallery-img-div"><img src="{{gallTemplateData.groupImg}}" alt="{{gallTemplateData.firstTitle}}" /></div>
            <div class="gallery-text-div">{{gallTemplateData.groupTitle}}</div>
          </a>
        </li>

        {{#each gallTemplateData.pictures}}
          <li>
            <a href="{{img}}" class="invisible">
              <img alt="{{title}}" />
            </a>
          </li>
        {{/each}}
      </ul>
    </script>

    <?php emptyblock('head') ?>
  </head>

  <body>
    <!--[if lt IE 9]>
      <script>
        window.onload = function() {
          alert('I am sorry. Your browser is too old to display this page correctly. Try to use newest Chrome, Firefox or Internet Explorer 9 or newer.');
        }
      </script>
    <![endif]-->
    <![if !lt IE 9]>

      <div id="header" class="<?php emptyblock('header-div-classes') ?>">
        <header class="header">

          <div class="header-content <?php emptyblock('another-header-content-classes') ?>">

            <!-- Upper header - language selection an logo -->
            <div class="logo-panel">
              <h1>
                <a class="logo" href="@@content-root@@/index.php?locale=<?php  print $msg->get('actual_locale'); ?>">
                  <img src="@@content-root@@/images/logo.png" alt="Luckina stranka"/>
                </a>
              </h1>
            </div>

            <div class="grey-panel">
              <div class="float-left grey-panel-button-margin">
                <a data-locale="sk" class="bigger-font float-left left-icon-button locale-changer" href="#">SK</a>
              </div>
              <div class="float-right grey-panel-button-margin">
                <a data-locale="en" class="bigger-font float-right right-icon-button locale-changer" href="#">EN</a>
              </div>
            </div>

            <div class="common-gap"></div>

            <div class="grey-panel">

              <!--For beginning-->
              <div class="menu-item">
                <a class="menu-item-label" id="menu-for-beginning-select" href="#" data-url="@@content-root@@/index.php">
                  <?php  print $msg->get('menu_forBeginning'); ?>
                </a>
              </div>

              <!--Our team-->
              <div class="menu-item">
                <a class="menu-item-label" id="menu-our-team-select" href="#" data-url="@@content-root@@/our_team.php">
                  <?php  print $msg->get('menu_ourTeam'); ?>
                </a>
              </div>

              <!--Photogallery-->
              <div class="menu-item">
                <a class="menu-item-label" id="menu-photogallery-select" href="#">
                  <?php  print $msg->get('menu_photogallery'); ?>
                </a>
                <ul class="submenu-select" style="display: none">
                  <li data-url="@@content-root@@/photogallery/wire.php"><?php  print $msg->get('menu_photogallery_wire'); ?></li>
                  <li data-url="@@content-root@@/photogallery/wood.php"><?php  print $msg->get('menu_photogallery_wood'); ?></li>
                  <li data-url="@@content-root@@/photogallery/other.php"><?php  print $msg->get('menu_photogallery_other'); ?></li>
                </ul>
              </div>

              <!--My monologues-->
              <div class="menu-item">
                <a class="menu-item-label" id="menu-my-monologues-select" href="#">
                  <?php  print $msg->get('menu_myMonologues'); ?>
                </a>
                <ul class="submenu-select" style="display: none">
                  <li data-url="@@content-root@@/my_monologues/about_wire.php"><?php  print $msg->get('menu_myMonologues_aboutWire'); ?></li>
                  <li data-url="@@content-root@@/my_monologues/about_bubbles.php"><?php  print $msg->get('menu_myMonologues_aboutBubbles'); ?></li>
                </ul>
              </div>

              <!--Your ideas-->
              <div class="menu-item">
                <a class="menu-item-label" id="menu-your-ideas-select" href="#" data-url="@@content-root@@/your_ideas.php">
                  <?php  print $msg->get('menu_yourIdeas'); ?>
                </a>
              </div>

            </div>

            <!-- subtitle div-->
            <div id="header-subtitle">
              <?php emptyblock('header-subtitle') ?>
            </div>

          </div>
         </header>
      </div>

      <div class="content">
        <div class="primary">
            <?php emptyblock('content') ?>
        </div>
      </div>
    <![endif]>  

  </body>
</html>